<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/index.css" type="text/css">
    <link rel="stylesheet" href="css/bootstrap-3.3.7.min.css" type="text/css">

    <script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
    <script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
    <script>if (window.module) module = window.module;</script>

    <script type="text/javascript" src="js/bootstrap-3.3.7.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-multiselect.js"></script>
    <link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css"/>

    <title>this is index</title>
    <script>
        $(document).ready(function() {
            $('#sourceMember').multiselect({
                enableFiltering: true,
                filterPlaceholder: '搜索'
            });
            $('#targetGroup').multiselect();
        });
    </script>

    <script>//require("./render.js")</script>
  </head>
  <body>
    <h1>扫描二维码登录</h1>
    <img id="qr_code" src="./img/login.png" alt="qr_code" />

    <div class="source-div">
      <h3>消息源</h3>
      <select id="sourceGroup" class="form-control" onchange="selectSourceMember(this)">
        <option value ="select">select</option>
      </select>

      <select id="sourceMember" multiple="multiple">
       <option value ="select">select</option>
      </select>
    </div>
    
    <div class="target-div">
      <h3>目标群</h3>
      <select id="targetGroup" multiple="multiple">
       <option value ="select">select</option>
      </select>
    </div>

    <button onclick="sendSyncOption()">OK</button>

  </body>
  <script src="render.js"></script>
</html>
